@import '~antd/dist/antd.css';

@bgcolor: #f0f2f5;

body {
    font-size: 14px;
    color: #333;
    font-family: "微软雅黑";
    background: @bgcolor;
}

#app {
    height: 100vh;
}

#root {
    height: 100vh;

    .ant-layout {
        height: 100vh;
    }
}

header {
    height: 70px;
    background: #fff;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .right {
        height: 40px;

        .avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
        }

        span {
            margin-left: 10px;
            margin-right: 10px;
        }

        .ant-dropdown-link {
            height: 60px;
            display: block;
            color: #333;

            &:hover {
                color: #1890ff;
            }
        }
    }
}



.container {
    display: flex;
    justify-content: space-between;

    .aside {
        height: calc(100vh - 0px);
        position: fixed;
        z-index: 99;
    }

    .container_box {
        flex: 1;
        box-sizing: border-box;
        display: flex;
        padding-left: 180px;
        flex-direction: column;


        .container_content {
            height: calc(100vh - 0px);
            // overflow: hidden;
        }
    }
}

footer {
    height: 70px;
    background: #001529;
    color: #fff;
    text-align: center;
    line-height: 70px;
}

.header-user-name {
    margin-bottom: 15px;

    .header-btn {
        margin-left: 15px;
        border-radius: 15px;
    }



    .user-name-box {
        img {
            width: 40px;
            height: 40px;
            /* border: 10px solid #67C23A; */
            border-radius: 40px;
            line-height: 40px;
            margin-left: 15px;
        }

    }

}

.header-tag {
    height: 25px;
    border-radius: 15px;
    line-height: 25px;
    background-color: #f2f4f5;
    border: 1px solid rgba(0, 0, 0, .06);

}

.header-tag-checked {
    height: 25px;
    border-radius: 15px;
    line-height: 25px;
    // background-color: #f2f4f5;
    border: 1px solid rgba(0, 0, 0, .06);
}

.observe-list-box {
    .observe-title {
        margin-bottom: 20px;

        .list-title-test {
            font-size: 18px;
        }

        .list-title-btn {
            float: right;
            margin-right: 30px;
            border-radius: 20px;
        }
    }


    .list-img-box {
        width: 25px;
        height: 25px;
        /* border: 10px solid #67C23A; */
        border-radius: 40px;
        line-height: 40px;
        margin-left: 15px;
    }

}

.edit-user-box {
    margin: 20px;
    background: #fff;
    width: 96%;
    height: 600px;
    overflow: hidden;

    .edit-user-form1 {
        margin: 25px;

    }

    .edit-user-form2 {
        margin: 25px;

    }

    .avatar-uploader-userinfo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin-left: 30px;

    }
}

.Patient-information {
    padding: 20px;
    .Patient-head{
        padding-bottom: 16px;
    }

    .Patient-head-details {
        display: flex;
    }

    .information-content-box {
        display: flex;
        
        height: 650px;
        width: 1250px;

        .information-content1 {
            padding: 16px;
            display: inline-table;
            height: 650px;
            min-width: 550px;
            background: #fff;
            // display: flex;



        }

        .information-content2 {
            padding: 30px;
            display: inline-table;
            height: 650px;

            background: #fff;
            position: relative;
            margin-left: 20px;

            .content-insurance {
                display: flex;

                .content-insurance-subfield1 {
                    width: 300px;
                    margin-left: 20px;

                }

                .content-insurance-subfield2 {
                    width: 300px;
                    margin-left: 20px;
                }

            }

            .information-btn {
                position: absolute;
                top: 20px;
                right: 25px;
            }
        }
    }

}

.inspect {
    .inspect-content-box {
        
        display: flex;
       
        .inspect-content1 {
            
            padding: 16px;
            display: flex;
            height: 650px;
            min-width: 550px;
            background: #fff;
            .card-box {
                width: 155px;
                border-right: 1px solid #ccc;
                height: 100%;
                padding-bottom: 10px;
                overflow: auto;

                .Card {
                    width: 150px;
                    background: #ececec;
                    border: 1px solid #ccc;
                    margin-bottom: 5px;

                    .ant-card-head-title {
                        padding-top: 5px;
                        padding-bottom: 0;
                    }

                    .ant-card-body {
                        padding-top: 0;
                        padding-bottom: 5px;
                        // .ant-tag {
                        //     margin-top: 5px;
                        //     width: 100%;
                        //     text-align: center;
                        //     border-radius: 10px;

                        // }

                    }
                }

            }

            .collapse-box {
                flex: 1;
                padding-left: 5px;
                width: 400px;

            }

        }

        .information-content2 {
            padding: 12px;
            flex: 1;
            height: 650px;

           border: 1px solid #ccc;
            position: relative;
            margin-left: 20px;
            background: #dae2ea;
            .information-content2-btn{
                position: absolute;
                top: 5px;
                right: 20px;
                .ant-btn{
                    border-radius: 20px;
                    margin-left: 10px;
                }
                
            }
            .observe-details{
                margin:5px;
                display: flex;
                
                .observe-details-TextArea{
                    height: 580px;
                    width: 280px;
                    margin-right: 5px;
                    .ant-input{
                        height:100%;
                        width:100%;
                        border: 1px solid #ccc;
                    }
                }
                .observe-details-prescription{
                    font-size: 12px;
                    position: relative;
                    margin-left: 5px;
                    padding: 10px;
                    height: 580px;
                    width: 380px;
                    flex: 1;
                     border: 1px solid #ccc;
                     background: #fff;
                     p,h3{
                         padding-bottom: 5px;
                         margin-bottom: 8px;
                         border-bottom: 1px solid #ccc;
                         span{
                             margin-right: 10px;
                         }
                     }
                     .observe-details-prescription-foot{
                         position: absolute;
                         width: 94%;
                         bottom: 40px;
                         .intelligence-details{
                            
                             height: 80px;
                             width: 100%;
                             overflow: auto;
                             padding: 10px;
                             background: #dbe1e7;
                            


                         }
                     }
                     .intelligence-details-btn{
                        position: absolute;
                        right: 20px;
                        width: 100px;
                        font-size: 12px;
                        border-radius: 20px;
                        bottom: 10px;
                    }
                }
            }
           
        }
    }
}